input,textarea{border: 1px solid #414248;color:white;}
body{width: 100%;height: 100%;}
.zhang{width: 100%;min-width: 320px;background: #313237;overflow-y: scroll;position: fixed;left: 0;top: 0}

.header{width: 88.5%;height:1rem;min-height: 50px;display: table;margin-left: 6.7%;margin-right: 4.8%;}
.header_cloth{height:1.7rem;vertical-align:middle; display:table-cell; width: 100% }
.cloth_bg{width: 15.4%;height: 1rem;background:#4D4E55;border-radius: 4px;border: 1px solid #4D4E55;float: left;}
.cloth{width:90%;display: inline-block;max-width: 3rem}
.header_title{width: 47.5%;height: 0.48rem;float: left;margin-left:3.7%;}
.header_num{width: 22.7%;height: 1rem;float: left;margin-left:9.1%;}
.title_larger{width:100%;height:0.48rem;font-family: PingFangSC-Medium;color: #FFFFFF;letter-spacing: -0.04px;font-size: 0.34rem;display: block;}
.title_small{width:100%;height: 0.48rem;font-family: PingFangSC-Regular;color: #B5B5B5;letter-spacing: -0.04px;font-size: 0.28rem;display: block;margin-top: 6.1%;}
.reduce{width: 29%;height: 0.64rem;background: #FFFFFF;border-radius: 8px 0 0 8px;text-align: center;float: left;margin-top:15%;line-height: 0.64rem;font-size: 0.32rem}
.add{width: 29%;height: 0.64rem;background: #FFFFFF;border-radius: 0 8px 8px 0;text-align: center;float: left;margin-top:15%;line-height: 0.64rem;font-size: 0.32rem}
.number{width: 41.2%;height:0.64rem;float: left;border:0;background: #4D4E55;text-align: center;color: white;margin-top:15%;line-height: 0.64rem}
.tip{width: 60%;height:0.4rem;font-family: PingFangSC-Regular;font-size: 0.28rem;color: #FFFFFF;letter-spacing: -0.04px;margin-left:6.7%;display: block;}
.wrap_ul{width: 86.6%;margin-left:6.7%;margin-top: 10px;overflow: hidden;height: auto}
.wrap_li{width: 100%;height: 100%;margin-bottom: 3%;overflow: hidden;}
.wrap_size{width: 100%;height: 100%}
.wrap_size li{width: 16%;height: 50%;margin-right: 3%;border: 1px solid #414248;border-radius: 4px;float: left;font-family: PingFangSC-Regular;font-size: 0.32rem;color: #666666;letter-spacing: -0.04px;text-align: center;background-size: 40%;background-repeat: no-repeat;background-position: 111% 140%;}
.wrap_size li.www{border:1px solid ;border-color:-webkit-linear-gradient(top left,#7403FF ,#E716C4) 10 10;position: relative; background-image: url('../img/select.png');color:  #FF00FB;border-radius: 4px;}
.wrap_li .wrap_size li.xxl{margin-right:0;}
.hr{width: 86.6%;margin-left:6.7%;height: 0.03rem;background:14248;margin-top: 10px}
.write{width: 86.6%;margin-left:6.7%;margin-top:2%;height: auto}
.write_tip{width: 40%;height:0.5rem;font-family: PingFangSC-Medium;font-size: 0.36rem;color: #FFFFFF;letter-spacing: -0.04px;display: block;margin-top: 3%}
.write_detail{width: 100%;}
.write_detail{width: 100%;}
.write_detail li{width: 100%;position: relative;}
.write_people,.write_tel,.write_area{width: 17.2%;height: 0.7rem;font-family: PingFangSC-Regular;font-size:0.28rem;color: #B5B5B5;letter-spacing: -0.04px;display: block;margin-top:5%;float: left;}
.write_detail label{display: block;float: left;margin-top:5%;  font-family: PingFangSC-Regular;font-size: 0.24rem;color: #FA3C55;letter-spacing: -0.03px;height: 0.4rem;line-height: 0.4rem;display: none;}

.write_detail li img{height: 0.4rem;position: absolute;right: 2%;bottom: 0.25rem;display: none;}

.write_detail li.error label{display: block;}
.write_detail li.error img{display: block;}
.write_detail li.error input{border: 2px solid #FF3D55;}
.write_detail li.error .area{border: 2px solid #FF3D55;}
.write_detail li.error .area+img{height: 0.4rem;bottom: 0.5rem;}
.write_detail input{width: 95%;height: 0.8rem;background: #313237;border-radius: 4px;display: block;padding-left: 5%;font-size: 0.3rem;position: relative;}

.write_detail .area{width:95%;margin-top:15px;height:2rem;line-height: 1rem;opacity: 0.6;background: #313237;border-radius: 4px;color: white;font-size:0.36rem;padding-left: 5%}
.from{width: 100%;height: auto;background:#313237;min-width: 320px}
.write_detail .area1{height: 3rem}
.footer{width: 100%;height: 1.8rem;background: #FAFAFA;min-width: 320px;z-index: 99;position: fixed;left: 0;bottom: 0}
.footer_position{width: 100%;height: 100%;position: relative;}
.footer_price{width: 46.9%;height: 1rem;position: absolute;left: 4%;top: 50%;margin-top:-0.5rem;}
.footer_buyBtn{width: 42%;height: 1rem;position: absolute;left: 56.3%;top: 50%;margin-top:-0.5rem;text-align: center;line-height: 1rem;background-image: linear-gradient(-132deg, #E716C4 0%, #7403FF 100%);border-radius: 4px;font-size: 0.40rem;color:white;}
.footer_price_money{width: 45%;height: 1rem;font-family: PingFangSC-Medium;font-size: 0.5rem;color: #D213CF;letter-spacing: -0.05px;}
.footer_price_num{margin-left: .2rem}
.footer_price_detail{width: 100%;height: 0.3rem;line-height: 0.3rem;font-family: PingFangSC-Regular;font-size: 0.2rem;color: #4A4A4A;letter-spacing: -0.04px;display: block;}
